<!--公共头部-->
{template 'aitimt/common/header'}
<style>
	.mui-table-view .mui-media, .mui-table-view .mui-media-body{line-height: 2rem;}
	.mui-slider-indicator.mui-segmented-control .mui-control-item {border-left:1px solid #c1c1c1 ;border-bottom:1px solid #c1c1c1 ;padding: 1px;color: #585858;}
	.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{border-bottom:3px solid #e94709 ;color: #585858;}
	.addtime{padding-top: 10px;font-size: 10px;}
	.mui-table-view .mui-media-object.mui-pull-left{margin-right: 25px;}
	.mui-content>.mui-table-view:first-child{margin: 0;}
	.mui-content ul{height: 6.5rem;}
	.mui-bar-tab .mui-tab-item{color: #555657;border-right: 1px solid #ececec;}
	.mui-bar-tab .mui-tab-item.mui-active{color: #555657;}
	.entry-pro {font-weight: 500;font-size: 15px;color: #000000;background-color: #FFFFFF;padding: 10px 0 1px 5%;}
	.entry-message{width:100%;font-weight: 500;font-size: 15px;color: #000000;background-color: #FFFFFF;padding: 10px 0 20% 5%;display: inline-block;width: 100%}
	.entry-message input::-webkit-input-placeholder{font-size:14px;color: #bcbcbc;}
	.entry-select{position: absolute;width: 95%;height: 4%;border: 1px solid #bcbcbc;margin-bottom: 10px;}
	.mui-btn-block{font-size: 14px;margin: 0;padding: 0;padding-left: 4%;line-height: 25px;color: #000000;}
	.mui-btn-block option:first-child{font-size: 14px;margin: 0;padding: 0;color: #bcbcbc;}
	.entry-btn{float: left;padding: 0 30%;width: 100%; background:white;padding-top: 2%;border-top: 10px solid #eee;}
	.entry-look{width: 100%;height: 35px;margin-bottom: 5%;font-size: 13px;color: #e94709;border-radius: 30px;}
	.entry-message span{position: absolute;left: 40%;    word-wrap: break-word;
		word-break: break-all;}
	.mui-h4, h4{font-size: 13px;}
	.mui-table-view .mui-media-object{max-width: 80px;height: 55px;}
	.top-return{display: none}


</style>
<header class="mui-bar mui-bar-nav">
	<a class="top-return mui-action-back"><img src="{$aideUrl}app/resource/aitimt/images/return.png" ></a>
	<a class="top-logo"><img src="{$aideUrl}app/resource/aitimt/images/logo.png" ></a>
	<!--公共菜单start -->
	{template 'aitimt/common/menu'}
	<!-- 公共菜单end-->
</header>

<div class="mui-content">
	<ul class="mui-table-view">
		<li class="mui-table-view-cell mui-media">
			<img class="mui-media-object mui-pull-left" src="{php echo tomedia($activity['thumb'])}">
			<div class="mui-media-body">
				<h4 style="color: #595757;">{$activity['title']}</h4>
				<p class=" mui-icon iconfont icon-riqi addtime">{$activity['starttime']}</p>
				<p class=" mui-icon iconfont icon-didian addtime">{$activity['address']}</p>
			</div>
		</li>
	</ul>
	<div style="font-size: 15px;color: #e94709;margin-left: 5%;font-weight: 800;" >
		报名项目
	</div>
	<div class="entry-pro">
		<p>报名项目:&nbsp;&nbsp;{$pro['name']}</p>
		<p>报名费用:免费</p>
	</div>
	<div style="font-size: 15px;color: #e94709;margin-left: 5%;font-weight: 800;" >
		报名信息
	</div>
	<div class="entry-message">
		{if $limit>5}
		<p>所属学院:<span>{$form['grade']}</span></p>
		<p>捐赠金额:<span>{$form['reward']}</span></p>
		<p>参赛人员:<span>{$form['realname']}</span></p>
		{/if}
		{if $limit==2}
		<p>参赛人员:<span>{$form['realname']}</span></p>
		<p>捐赠金额:<span>{$form['reward']}</span></p>
		{/if}
		{if $limit==1}
		<p>参赛人员:<span>{$form['realname']}</span></p>
		<p>捐赠金额:<span>{$form['reward']}</span></p>
		<p>性别:<span>{$form['sex']}</span></p>
		<p>身份证号:<span>{$form['idcard']}</span></p>
		<p>手机号:<span>{$form['mobile']}</span></p>
		{/if}
		{if $limit==3}
		<p>参赛人员:<span>{$form['realname']}</span></p>
		{/if}
	</div>
</div>
<!-- 公共底部start -->
<nav class="mui-bar mui-bar-tab">
	{if $record[0]['status']==1}
	<div class="entry-btn">
		<button type="button" class="entry-look" onclick="detail()">
			查看赛事状态
		</button>
		<button type="button" class="entry-look" style="background: #e94709;color: white;" onclick="activity()">
			看看其他比赛
		</button>
	</div>
	{else}
	<a class="mui-tab-item" onclick="toBack()">
		<span class="mui-tab-label">返回修改</span>
	</a>
	<a class="mui-tab-item" style="background: #e94709;color: #FFFFFF;" onclick="check()" >
		<span class="mui-tab-label">确认并提交</span>
	</a>
	{/if}
</nav>
<!-- 公共底部end -->
<script type="text/javascript">
    function check() {
        {if ($activity['joinetime']<date("Y-m-d H:i:s",time()))}
        var btnArray = ['确定'];
        var msg='当前活动已截止报名';
        mui.confirm(msg,'',btnArray, function(e) {
            location.href ="javascript:history.go(-1)";
        });
        {else}
        location.href = "{php echo app_url('home/index/topay')}&recordid={$rid}";
        {/if}
        }
        function toBack() {
            location.href="{php echo app_url('home/join/display')}&activityid={$activityid}&proid={$proid}&recordid={$rid}"
        }
        function detail() {
            location.href = "{php echo app_url('home/index/detail')}&activityid={$activityid}";
        }
        function activity() {
            location.href="{php echo app_url('home/index/activity')}"
        }
</script>
</body>

</html>
